<template>
  <div class="tc_content">
    <mt-header title="出货列表" fixed>
      <a slot="left">
        <mt-button icon="back" @click="b"></mt-button>
      </a>
    </mt-header>
    <div class="out_list" style="margin-top:0.9rem">
      <p>
        <span>SM19166405</span>
        <span>2018-11-20</span>
      </p>
      <p>
        <span>配送点：</span>
        <span>111</span>
      </p>
      <p>
        <span>出货人：</span>
        <span>111</span>
      </p>
      <p>
        <span>代理人：</span>
        <span>111</span>
      </p>
      <p>
        <span>商品数量：</span>
        <span>2</span>
      </p>
      <p>
        <span></span>
        <span>查看详情></span>
      </p>
    </div>
    <div class="out_list">
      <p>
        <span>SM19166405</span>
        <span>2018-11-20</span>
      </p>
      <p>
        <span>配送点：</span>
        <span>111</span>
      </p>
      <p>
        <span>出货人：</span>
        <span>111</span>
      </p>
      <p>
        <span>代理人：</span>
        <span>111</span>
      </p>
      <p>
        <span>商品数量：</span>
        <span>2</span>
      </p>
      <p>
        <span></span>
        <span>查看详情></span>
      </p>
    </div>
    <div class="out_list">
      <p>
        <span>SM19166405</span>
        <span>2018-11-20</span>
      </p>
      <p>
        <span>配送点：</span>
        <span>111</span>
      </p>
      <p>
        <span>出货人：</span>
        <span>111</span>
      </p>
      <p>
        <span>代理人：</span>
        <span>111</span>
      </p>
      <p>
        <span>商品数量：</span>
        <span>2</span>
      </p>
      <p>
        <span></span>
        <span>查看详情></span>
      </p>
    </div>

  </div>
</template>

<script>
export default {
  props: {
    isshowout: {},
  },
  methods: {
    b() {
      this.isshowout();
    },
  },
};
</script>

<style lang="stylus" scoped>
.tc_content
  position fixed
  height 100vh
  overflow auto
  width 100%
  top 0
  left 0
  background #f1f1f1
  z-index 3
.out_list
  width 96%
  background #fff
  margin 0.2rem auto
  border 1px solid #f1f1f1
  box-shadow 0 0 1px #ccc
  p
    height 0.6rem
    line-height 0.6rem
    padding 0 0.4rem
    span
      &:first-child
        display inline-block
        color #aaa
        width 30%
        text-align right
    &:first-child
      height 0.8rem
      line-height 0.8rem
      padding 0 0.2rem
      border-bottom 1px solid #f1f1f1
      span
        color black
        &:last-child
          float right
    &:last-child
      height 0.8rem
      line-height 0.8rem
      padding 0 0.2rem
      border-top 1px solid #f1f1f1
      span
        &:last-child
          float right
          color #26a2ff
</style>

